﻿<!doctype html>
<!--[if lt IE 8]><html class="no-js lt-ie8"> <![endif]-->
<html class="no-js">
<head>
    <meta charset="utf-8">
    <title>Welcome to Dynamic website | Dynamic frontend</title>
    <!-- Mobile specific metas -->
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1 user-scalable=no">
    <!-- Force IE9 to render in normal mode -->
    <!--[if IE]><meta http-equiv="x-ua-compatible" content="IE=9" /><![endif]-->
    <meta name="author" content="" />
    <meta name="description" content="" />
    <meta name="keywords" content="" />
    <meta name="application-name" content="" />
    <!-- Import google fonts - Heading first/ text second -->
    <link href='http://fonts.googleapis.com/css?family=Quattrocento+Sans:400,700' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Raleway:100,200,300,700,800,900' rel='stylesheet' type='text/css'>
    <!-- Css files -->
    <!-- Icons -->
    <link href="~/css/icons.css" rel="stylesheet" />
    <!-- Bootstrap stylesheets (included template modifications) -->
    <link href="~/css/bootstrap.css" rel="stylesheet" />
    <!-- Main stylesheets (template main css file) -->
    <link href="~/css/main.css" rel="stylesheet" />
    <!-- Revolution slider -->
    <link href="~/css/revolution-slider.css" rel="stylesheet" />
    <!-- Owl Carousel -->
    <link href="~/css/carousel.css" rel="stylesheet" />
    <!-- Plugins stylesheets (all plugin custom css) -->
    <link href="~/css/plugins.css" rel="stylesheet" />
    <!-- Custom stylesheets ( Put your own changes here ) -->
    <link href="~/css/custom.css" rel="stylesheet" />
    <!-- Fav and touch icons -->
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="~/img/ico/apple-touch-icon-144-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="~/img/ico/apple-touch-icon-114-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="~/img/ico/apple-touch-icon-72-precomposed.png">
    <link rel="apple-touch-icon-precomposed" href="~/img/ico/apple-touch-icon-57-precomposed.png">
    <link rel="icon" href="~/img/ico/favicon.ico" type="image/png">
    <!-- Windows8 touch icon ( http://www.buildmypinnedsite.com/ )-->
    <meta name="msapplication-TileColor" content="#3399cc" />
</head>
<body>
    <!--[if lt IE 9]>
      <p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
    <![endif]-->
    <div id="header" class="header-fixed">
        <!-- #header -->
        <div class="container">
            <a href="#" class="responsive-menu-toggle">
                <i class="fa fa-reorder"></i>
                <span class="sr-only">Open Menu</span>
            </a>
            <a href="index.html" class="logo">
                <img src="~/img/sitelogo.png" alt="Dynamic Frontend logo">
            </a>
            <div id="morphsearch" class="morphsearch">
                <form class="morphsearch-form">
                    <input class="morphsearch-input" type="search" placeholder="Search..." />
                    <button class="morphsearch-submit" type="submit">Search</button>
                </form>
                <div class="morphsearch-content">
                    <div class="search-column">
                        <h2>People</h2>
                        <a class="search-media-object" href="#">
                            <img class="round" src="~/img/avatars/2.jpg" alt="Dean Huges" />
                            <h3>Dean Huges</h3>
                        </a>
                        <a class="search-media-object" href="#">
                            <img class="round" src="~/img/avatars/4.jpg" alt="Selena Jones" />
                            <h3>Selena Jones</h3>
                        </a>
                        <a class="search-media-object" href="#">
                            <img class="round" src="~/img/avatars/5.jpg" alt="Mike Thomas" />
                            <h3>Mike Thomas</h3>
                        </a>
                        <a class="search-media-object" href="#">
                            <img class="round" src="~/img/avatars/6.jpg" alt="Jim Kerry" />
                            <h3>Jim Kerry</h3>
                        </a>
                        <a class="search-media-object" href="#">
                            <img class="round" src="~/img/avatars/7.jpg" alt="Little Jonh" />
                            <h3>Little Jonh</h3>
                        </a>
                        <a class="search-media-object" href="#">
                            <img class="round" src="~/img/avatars/8.jpg" alt="Keith Smith" />
                            <h3>Keith Smith</h3>
                        </a>
                    </div>
                    <div class="search-column">
                        <h2>Projects</h2>
                        <a class="search-media-object" href="project-item.html">
                            <img src="~/img/projects/thumbs/project1.jpg" alt="Project 1" />
                            <h3>Project title 1</h3>
                        </a>
                        <a class="search-media-object" href="project-item.html">
                            <img src="~/img/projects/thumbs/project2.jpg" alt="Project 2" />
                            <h3>Project title 2</h3>
                        </a>
                        <a class="search-media-object" href="project-item.html">
                            <img src="~/img/projects/thumbs/project3.jpg" alt="Project 3" />
                            <h3>Project title 3</h3>
                        </a>
                        <a class="search-media-object" href="project-item.html">
                            <img src="~/img/projects/thumbs/project4.jpg" alt="Project 4" />
                            <h3>Project title 4</h3>
                        </a>
                        <a class="search-media-object" href="project-item.html">
                            <img src="~/img/projects/thumbs/project5.jpg" alt="Project 5" />
                            <h3>Project title 5</h3>
                        </a>
                        <a class="search-media-object" href="project-item.html">
                            <img src="~/img/projects/thumbs/project6.jpg" alt="Project 6" />
                            <h3>Project title 6</h3>
                        </a>
                    </div>
                    <div class="search-column">
                        <h2>Recent</h2>
                        <a class="search-media-object" href="project-item.html">
                            <img src="~/img/projects/thumbs/project4.jpg" alt="Project 4" />
                            <h3>Project title 4</h3>
                        </a>
                        <a class="search-media-object" href="project-item.html">
                            <img src="~/img/blog/thumbs/blog.jpg" alt="Blog" />
                            <h3>Creativity standards rise once again</h3>
                        </a>
                        <a class="search-media-object" href="project-item.html">
                            <img src="~/img/blog/thumbs/blog1.jpg" alt="Blog" />
                            <h3>Find the perfect spot when parking your car</h3>
                        </a>
                        <a class="search-media-object" href="project-item.html">
                            <img src="~/img/blog/thumbs/blog2.jpg" alt="Blog" />
                            <h3>What we need to know when do laundry in public spots</h3>
                        </a>
                        <a class="search-media-object" href="#">
                            <img class="round" src="~/img/avatars/6.jpg" alt="Jim Kerry" />
                            <h3>Jim Kerry</h3>
                        </a>
                        <a class="search-media-object" href="project-item.html">
                            <img src="~/img/blog/thumbs/blog3.jpg" alt="Blog" />
                            <h3>How to make your garden looks like paradise</h3>
                        </a>
                    </div>
                </div>
                <!-- /morphsearch-content -->
                <span class="morphsearch-close"></span>
            </div>
            <!-- /morphsearch -->
            <div class="site-nav">
                <ul>
                    <li>
                        <a href="@Url.Action("Index")">首页</a>
                    </li>
                    <li>
                        <a href="@Url.Action("Service")">服务</a>
                    </li>
                    <li>
                        <a href="@Url.Action("Portfolio")">作品</a>
                    </li>
                    <li>
                        <a href="@Url.Action("Blog")">博客</a>
                    </li>
                    <li>
                        <a href="@Url.Action("About")">关于</a>
                    </li>
                    <li>
                        <a href="@Url.Action("Contact")">联系</a>
                    </li>
                </ul>
            </div>
            <!-- / .site-nav -->
        </div>
        <!-- / .container -->
    </div>
    <!-- / #header -->
    @RenderBody()
    <div id="overlay" class="overlay"></div>
    <div id="footer">
        <!-- #footer -->
        <div class="container">
            <div class="row">
                <!-- .row start -->
                <div class="col-md-4 footer-column">
                    <!-- col-md-4 start here -->
                    <img src="~/img/logo-footer.png" alt="Footer logo">
                    <p class="mb20">Only creative ideas &amp; and quality standarts</p>
                    <div class="footer-map">
                        <address>
                            <strong>Head Office:</strong>
                            <br>356 Spain, office 247
                            <br>Barcelona, SP 94107
                            <br>
                        </address>
                        <abbr title="Phone Number">
                            <strong>Phone:</strong>
                        </abbr>(52) 3543 25478
                        <br>
                        <abbr title="Fax">
                            <strong>Fax:</strong>
                        </abbr>(52) 7025 56584
                        <br>
                        <abbr title="Email Address">
                            <strong>Email:</strong>
                        </abbr>web@dynamic.com
                    </div>
                </div>
                <!-- col-md-4 end here -->
                <div class="col-md-4 footer-column">
                    <!-- col-md-4 start here -->
                    <h4 class="footer-column-title">Recent posts</h4>
                    <ul class="list-unstyled">
                        <li class="blog-list">
                            <div class="blog-title">
                                <h5>
                                    <a href="blog-item.html">Creativity standards rise once again</a>
                                </h5>
                            </div>
                            <div class="blog-meta">
                                <span class="date">
                                    <i class="fa fa-calendar s16"></i>
                                    3th Fev 2015
                                </span>
                                <span class="seperator">/</span>
                                <span class="comments">
                                    <a href="blog-item.html#comments">
                                        <i class="fa fa-comments"></i> 17
                                    </a>
                                </span>
                            </div>
                        </li>
                        <li class="blog-list">
                            <div class="blog-title">
                                <h5>
                                    <a href="blog-item.html">Find the perfect spot when parking your car</a>
                                </h5>
                            </div>
                            <div class="blog-meta">
                                <span class="date">
                                    <i class="fa fa-calendar s16"></i>
                                    1th Fev 2015
                                </span>
                                <span class="seperator">/</span>
                                <span class="comments">
                                    <a href="blog-item.html#comments">
                                        <i class="fa fa-comments"></i> 10
                                    </a>
                                </span>
                            </div>
                        </li>
                        <li class="blog-list">
                            <div class="blog-title">
                                <h5>
                                    <a href="blog-item.html">What we need to know when do laundry in public spots</a>
                                </h5>
                            </div>
                            <div class="blog-meta">
                                <span class="date">
                                    <i class="fa fa-calendar s16"></i>
                                    31th Jan 2015
                                </span>
                                <span class="seperator">/</span>
                                <span class="comments">
                                    <a href="blog-item.html#comments">
                                        <i class="fa fa-comments"></i> 28
                                    </a>
                                </span>
                            </div>
                        </li>
                    </ul>
                </div>
                <!-- col-md-4 end here -->
                <div class="col-md-4 col-xs-10 footer-column">
                    <!-- col-md-4 start here -->
                    <h5 class="mb20"><strong>Subscribe</strong> to Our Newsletter to get latest updates, Discount Offers &amp; free support:</h5>
                    <form class="form-inline mb30" role="form">
                        <div class="form-group">
                            <div class="input-group input-icon">
                                <span class="input-group-addon"><i class="fa fa-envelope"></i></span>
                                <input type="email" class="form-control" id="exampleInputEmail2" placeholder="Enter email">
                                <span class="input-group-btn">
                                    <button type="submit" class="btn btn-success">Subscribe</button>
                                </span>
                            </div>
                        </div>
                    </form>
                    <div class="row">
                        <!-- .row start -->
                        <div class="col-md-6  col-sm-6 clearfix mb20">
                            <!-- col-md-6 start here -->
                            <a href="#" class="btn btn-social-icon btn-facebook pull-left mr10">
                                <i class="fa fa-facebook"></i>
                            </a>
                            <a href="#" class="pull-left footer-link">
                                <strong>Like us</strong>
                                <br>on Facebook
                            </a>
                        </div>
                        <!-- col-md-6 end here -->
                        <div class="col-md-6  col-sm-6 clearfix mb20">
                            <!-- col-md-6 start here -->
                            <a href="#" class="btn btn-social-icon btn-twitter pull-left mr10">
                                <i class="fa fa-twitter"></i>
                            </a>
                            <a href="#" class="pull-left footer-link">
                                <strong>Follow us</strong>
                                <br>on Twitter
                            </a>
                        </div>
                        <!-- col-md-6 end here -->
                        <div class="col-md-6 col-sm-6 clearfix mb20">
                            <!-- col-md-6 start here -->
                            <a href="#" class="btn btn-social-icon btn-instagram pull-left mr10">
                                <i class="fa fa-instagram"></i>
                            </a>
                            <a href="#" class="pull-left footer-link">
                                <strong>Follow us</strong>
                                <br>on Instagram
                            </a>
                        </div>
                        <!-- col-md-6 end here -->
                        <div class="col-md-6 col-sm-6 clearfix ">
                            <!-- col-md-6 start here -->
                            <a href="#" class="btn btn-social-icon btn-google-plus pull-left mr10">
                                <i class="fa fa-google-plus"></i>
                            </a>
                            <a href="#" class="pull-left footer-link">
                                <strong>Add us</strong>
                                <br>on GooglePlus
                            </a>
                        </div>
                        <!-- col-md-6 end here -->
                    </div>
                    <!-- / .row -->
                </div>
                <!-- col-md-4 end here -->
            </div>
            <!-- / .row -->
        </div>
        <div class="footer-copyright">
            <div class="container">
                <p class="pull-left">
                    Copyrights © 2014 <a href="http://suggeelson.com/" class="strong" target="_blank">SuggeElson</a>. All rights reserved.
                </p>
                <p class="pull-right">
                    <a href="#" class="mr5">Terms of use</a>
                    |
                    <a href="#" class="ml5 mr25">Privacy police</a>
                </p>
            </div>
        </div>
    </div>
    <!-- / #footer -->
    <!-- Back to top -->
    <div id="back-to-top">
        <a href="#">Back to Top</a>
    </div>
    <!-- Javascripts -->
    <!-- Load pace first -->
    <script src="~/plugins/core/pace/pace.min.js"></script>
    <!-- Important javascript libs(put in all pages) -->
    <script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
    <script>
        window.jQuery || document.write('<script src="js/libs/jquery-2.1.1.min.js">\x3C/script>')
    </script>
    <script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
    <script>
        window.jQuery || document.write('<script src="js/libs/jquery-ui-1.10.4.min.js">\x3C/script>')
    </script>
    <!--[if lt IE 9]>
      <script type="text/javascript" src="js/libs/excanvas.min.js"></script>
      <script type="text/javascript" src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
      <script type="text/javascript" src="js/libs/respond.min.js"></script>
    <![endif]-->
    <!-- Bootstrap plugins -->
    <script src="~/js/bootstrap/bootstrap.js"></script>
    <!-- Core plugins ( not remove ) -->
    <script src="~/js/libs/modernizr.custom.js"></script>
    <!-- Remove click delay in touch -->
    <script src="~/plugins/core/fastclick/fastclick.js"></script>
    <!-- Css browser selector -->
    <script src="~/plugins/core/browser-selector/css_browser_selector.js"></script>
    <!-- Class condition helper -->
    <script src="~/js/libs/classie.js"></script>
    <script src="~/js/main.js"></script>
    @RenderSection("JavascriptSection")
</body>
</html>